<!DOCTYPE html>
<html>
<head>
    <title>Vue 3 任务管理器</title>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <style>
        .completed { text-decoration: line-through; color: #888; }
        .task-item { margin: 10px 0; padding: 8px; border: 1px solid #ddd; }
    </style>
</head>
<body>
    <div id="app">
        <div>
            <input placeholder="输入新任务">
            <button >添加任务</button>
        </div>
        
        <div>
            <p>暂无任务，请添加新任务</p>
        </div>
        
        <div>
            <div>
                <span>
                    1.事项              
                </span>
                <button>
                 标记未完成 | 标记完成
                </button>
                <button>删除</button>
            </div>
        </div>
        
        <p>总计:个任务, 个已完成</p>
    </div>

    <script>
       
    </script>
</body>
</html>